<form action="" method="post" enctype="multipart/form-data" id="frm_editor" class="vh_from">
	<h1 style="text-align: center;">{title_editor}</h1>
	<div class="vh_div_from">
		<span style="color: red;">{sms}</span>
				
		<div class="from_step_1">				
			 <div id="tabs">
			 [OPEN htmlCat]
				[LOOP select_option]
					<option {selected} value="{com_value}">{com_text}</option>
				[/LOOP select_option]
				
				[LOOP tabs_title_ul]             
				<ul>
					{tabs_li}
				</ul>
				[/LOOP tabs_title_ul]
				
				[LOOP tabs_title]             
					<li><a href="#tabs-{lang_id}">{lang_name}</a></li>
				[/LOOP tabs_title] 
				
				[LOOP tabs_contents]
				<div id="tabs-{lang_id}">
						<div class="line_row">
							<span>{cat_name} :</span>
							<span class="leng"><b id="CatName_{lang_id}_leng">0</b>:65 {characters}</span>
							<input onkeyup="count_leng('CatName_{lang_id}')" id="CatName_{lang_id}" name="CatName[{lang_id}]" type="text" value="{CatName_{lang_id}}"/>
						</div>
						<div class="line_row">
							<span>{status} :</span>
                            <select id="Status_{lang_id}" name="Status[{lang_id}]">
        						<option {selected_show_{lang_id}} value="show">{show}</option>
                                <option {selected_hide_{lang_id}} value="hide">{hide}</option>
                                <option {selected_del_{lang_id}} value="del">{del}</option>
        					</select>
                        </div>
                        <div class="line_row">
							<span class="spanx">{art_full_contents}:</span>
							<textarea onkeyup="count_leng('FullContents_{lang_id}')" class="small" id="FullContents_{lang_id}" name="FullContents[{lang_id}]">{FullContents_{lang_id}}</textarea>
						</div>
                        <div class="line_row">
							<button type="button" onclick="create_seo({lang_id})">{but_create_seo}</button>
						</div>
                        
                        <div id="tabs_child_{lang_id}" class="tabs_child">
                            <ul>
                                <li><a href="#tabs_child_{lang_id}_1">{Seo_Meta}</a></li>
                                <li><a href="#tabs_child_{lang_id}_2">{Seo_Footer}</a></li>
                            </ul>
                            
                            <div id="tabs_child_{lang_id}_1">
                                <div class="line_row">
        							<span class="cut">&raquo; Seo Meta</span>
        							<p><i>{content_seo_meta}</i></p>
        						</div>
        						<div class="line_row"{dis_none}>
        							<span>{cat_seo_url}:</span>
        							<input onkeyup="count_leng('SeoKey_{lang_id}')" id="SeoKey_{lang_id}" name="SeoKey[{lang_id}]" type="text" value="{SeoKey_{lang_id}}"/>                       
        						</div>
        						<div class="line_row">
        							<span>{cat_title}:</span>
        							<span class="leng"><b id="Title_{lang_id}_leng">0</b>:65 {characters}</span>
        							<input onkeyup="count_leng('Title_{lang_id}')" id="Title_{lang_id}" name="Title[{lang_id}]" type="text" value="{xTitle_{lang_id}}"/>
        						</div>					
        						<div class="line_row">
        							<span>{cat_desc}:</span>
        							<span class="leng"><b id="Desc_{lang_id}_leng">0</b>:165 {characters}</span>
        							<textarea onkeyup="count_leng('Desc_{lang_id}')" class="small" id="Desc_{lang_id}" name="Desc[{lang_id}]">{Desc_{lang_id}}</textarea>
        						</div>
        						
        						<div class="line_row">
        							<span>{cat_keyword}:</span>
        							<span class="leng"><b id="Keyword_{lang_id}_leng">0 </b> : 2 {words}</span>
        							<input onkeyup="count_leng_tu('Keyword_{lang_id}')" id="Keyword_{lang_id}" name="Keyword[{lang_id}]" type="text" value="{Keyword_{lang_id}}"/>
        						</div>
                            </div>
                            
                            <div id="tabs_child_{lang_id}_2">
                                <div class="line_row">
        							<p><i>{content_seo_footer}</i></p>
        						</div>
        						<div class="line_row">
        							<span>{cat_h1}:</span>
        							<span class="leng"><b id="TitleH1_{lang_id}_leng">0</b>:65 {characters}</span>
        							<input onkeyup="count_leng('TitleH1_{lang_id}')" id="TitleH1_{lang_id}" name="TitleH1[{lang_id}]" type="text" value="{TitleH1_{lang_id}}"/>
        						</div>					
        						<div class="line_row">
        							<span>{cat_h2}:</span>
        							<span class="leng"><b id="TitleH1_2_leng">0</b>:165 {characters}</span>
        							<textarea onkeyup="count_leng('TitleH2_{lang_id}')" class="small" id="TitleH2_{lang_id}" name="TitleH2[{lang_id}]">{TitleH2_{lang_id}}</textarea>
        						</div>
        						<div class="line_row">
        							<span>{cat_p}:</span>
        							<span class="leng"><b id="DescF_{lang_id}_leng">0</b>:300 {characters}</span>
        							<textarea onkeyup="count_leng('DescF_{lang_id}')" class="small" id="DescF_{lang_id}" name="DescF[{lang_id}]">{DescF_{lang_id}}</textarea>
        						</div>
                            </div>
                        </div>
                        <script type="text/javascript">$(function() { $("#tabs_child_{lang_id}").tabs();  });</script>
                         						
				</div><!--Tab-{lang_id}-->
                <script type="text/javascript">
                    $(document).ready(function(){
                        create_editor('FullContents',{lang_id});        
                    });
                
                </script>
				[/LOOP tabs_contents]
				
			[CLOSE htmlCat]   
			</div><!--Tab-->
				                
		</div>
		
		<div class="from_step_2">
		
			<div style="border:solid 1px #CCC; width:750px; margin:0px auto; padding:15px;">
				<div class="line_row">
					<span class="cut">&raquo; {data_all}:</span>
				</div>
				
				<div class="line_row"{dis_none}>
					<span>{cat_pid}:</span>
					<select id="PID" name="PID">
						{option_cat}
					</select>
				</div>            
				
				<div class="line_row">
					<span>{cat_img}:</span>
                    <div><img id="id_img" style="display: block; margin-left: 5px;" width="100" height="80" src="{file_Img}" /></div>
                    <div style="{dis_none_but}" id="id_img_but"><button onclick="del_pic('{path_file_Img}','{CatID}')" type="button">{del_img}</button></div>
					<input style="{dis_none_input}" id="id_img_input" name="Img" type="file" value=""/>
				</div>
				
				<div class="line_row"{dis_none}>
					<span>{cat_order}:</span>
					<input id="Order" name="Order" type="text" value="{val_order}"/>
				</div>
				
				<div class="line_row"{dis_none}>
					<span>{cat_component}:</span>
					<select id="Com" name="Com">
						{option_com}
					</select>
				</div> 
				
				<div class="line_row">
					<span>{horizontal_menu}:</span>
					<input id="HorizontalMenu" {checked_horizontal} name="HorizontalMenu" type="checkbox" value="1"/>
				</div>
				
				<div class="line_row">
					<span>{vertical_menu}:</span>
					<input id="VerticalMenu" {checked_vertical} name="VerticalMenu" type="checkbox" value="1"/>
				</div>
			
				<div class="but_bot">
					<div class="line_row"><button type="submit">{done}</button></div>
					<div class="line_row"><button type="reset">{but_clear}</button></div>
					<div class="line_row"><button type="button" onclick="parent.hs.close()">{but_close}</button></div>
				</div>
				
			</div>
		
		</div>

	</div>
</form>
<br />
<script type="text/javascript">
function create_editor(id,lang){
    CKEDITOR.replace(id+'_'+lang,
	{
		customConfig : url_prefix+'editor/ckeditor/config.js',
		filebrowserBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Files',
		filebrowserImageBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Images',
		filebrowserFlashBrowseUrl: url_prefix+'editor/ckfinder/ckfinder.html?Type=Flash',
		filebrowserUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
		filebrowserImageUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
		filebrowserFlashUploadUrl: url_prefix+'editor/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
	}); 
}
</script>